/**
 * --------------- 组件--表单 ---------------
 */
@import "../Ku/common";

/* --------数据表单--------- */
.form_check_zone{
	&.center{
		margin-left: auto;
		margin-right: auto;
	}
	// 有必填项
	&.bitian{
		.form_ele{
			.name{
				padding-left: 10px;
				&.bitian{
					background: url("@{img_url_1}/form_ele/wrong_tip.png") no-repeat center left transparent;
				}
			}
		}
	}
	// 单条表单元素
	.form_ele{
		overflow: hidden;
		margin: 0 0 15px 0;
		// 左浮动
		&.fl{
			float: left;
			margin-right: 20px;
		}
		// 超出不隐藏
		&.notHidden{
			overflow: visible;
		}
		// 搜索框
		&.search{
			.search_icon{
				width: 28px;
				height: 25px;
				float: left;
				border: 1px solid #d7d7d7;
				border-left: none;
				cursor: pointer;
				background: url("@{img_url_1}/form_ele/search.png") no-repeat center center transparent;
				// 配合模糊搜索框
				&.mohu{
					margin-left: -5px;
				}
			}
		}
		// 左边字段名
		.name{
			color: #333;
			text-align: right;
			float: left;
			margin: 5px 15px 0 0;
			&.tip{
				color: @col_hong;
			}
		}
		@width: 275px;
		@pad-l: 5px;
		// 表单项
		.ele,.ele_form{
			width: @width - @pad-l;
			height: 23px;
			line-height: 23px;
			float: left;
			border: 1px solid #d7d7d7;
			padding: 0 0 0 @pad-l;
			// 选择框
			&.select{
				width: @width + 2;
				height: 25px;
			}
			// 文本输入域
			&.textarea{
				width: @width - 20;
				height: 110px;
				resize: none;
				padding: 5px 10px 10px 10px;
			}
			// 禁用,只读
			&.disble{
				background: #ececec !important;
			}
			// 模糊搜索
			&.mohu_search{
				width: @width + 3;
				height: 25px;
				.mohu-search();
				.select2-container{
					left: -5px;
				}
				border: none;
			}
		}
		// 文本域字数区域
		.text_number_zone{
			position: absolute;
			right: 10px;
			bottom: 5px;
			.txt_num{
				color: @col_hong;
			}
		}
	}
}

/* --------错误提示信息--------- */
.form_wrong{
	color: #ff554b;
	background: url("@{img_url_1}/form_ele/wrong_tip.png") no-repeat left center;
	padding-left: 6px;
	display: inline;
	margin-left: 15px;
	float: left;
	margin-top: 5px;
	display: none;
}
/* --------错误提示信息右上角浮动版本--------- */
.form_wrong_float{
	background-image: url("@{img_url_1}/form_ele/tip_wrong.jpg");
    background-repeat: no-repeat;
    background-color: #fffbf8;
    background-position: 9px center;
    border: 1px solid #fe493f;
    font-size: 12px;
    line-height: 1;
    padding: 3px 10px 3px 24px;
    position: absolute;
    top: -17px;
    right: 0px;
    color: #fe493f;
    display: none;
    &:before,&:after{
		border: 5px solid transparent;
	    content: "";
	    position: absolute;
	    left: 14px;
	}
	&:before{
		border-top-color: #fe493f;
    	top: 19px;
	}
	&:after{
		border-top-color: #ededed;
    	top: 18px;
	}
}
/* --------正确提示信息--------- */
// 输入框对号
.form_ok{
  width: 16px;
  height: 16px;
  position: absolute;
  right: -20px;
  top: 4px;
  background: url("@{img_url_1}/form_ele/tip_ok.png") no-repeat left;
  display: none;
}
/* --------加减号input框--------- */
.add_minus_input{
	width: 102px;
	text-align: center;
	overflow: hidden;
	&.center{
		margin-left: auto;
		margin-right: auto;
	}
	@hei: 23px;
	@wid_btn: 23px;
	@bor_col: #d7d7d7;
	.minus,.add,.input{
		height: @hei;
		line-height: @hei;
		color: #666;
		text-align: center;
		float: left;
	}
	.minus,.add{
		width: @wid_btn;
		border: 1px solid @bor_col;
		cursor: pointer;
		&:hover{
			color: @col_blue;
		}
	}
	.input{
		width: 52px;
		font-size: 12px;
		border-top: 1px solid @bor_col;
		border-bottom: 1px solid @bor_col;
	}
}